img:is([sizes="auto" i], [sizes^="auto," i]) {

    contain-intrinsic-size: 3000px 1500px
}



.btn.btn-secondary:hover,

.btn.btn-secondary:focus {

    background: #f9bd0e !important;

    color: var(--secondary-color);

}







/* Base UL styling */

ul.tick-list {

    color: #000;

    list-style: none;

    padding-left: 0;

    font-family: Arial, sans-serif;

    line-height: 0.8;

}



/* Each LI item */

ul.tick-list li {

    position: relative;

    padding-left: 25px;

    margin-bottom: 8px;

}



/* Icon styling */

ul.tick-list li i {

    position: absolute;

    left: 0;

    top: 2px;

    color: rgb(0, 0, 0);

    /* green tick */

    font-size: 16px;

}






.ct-breadcrumb li:after {

    color: #ff32e4 !important;

}



.ct-service-carousel1 .item--icon i,

.ct-counter-layout1 .ct-counter-icon i {

    background-image: -webkit-linear-gradient(left, #F21AC7, #FF0042) !important;

}



.elementor-43 .elementor-element.elementor-element-23d230b3>.elementor-widget-container {

    /* background-color: transparent; */

    /* background-image: linear-gradient(90deg, #F4A21A 0%, #FFDE00 100%); */

    background-image: -webkit-linear-gradient(left, #F21AC7, #FF0042) !important;

}



.ct-heading .ct-heading-hexagon:before {

    background-image: -webkit-linear-gradient(left, #F21AC7, #FF0042) !important;

}



.ct-progressbar1 .ct-progress-bar:before {

    background-color: #e610fe !important;

}



.ct-service-grid1 .item-readmore a:before,

.ct-service-carousel1 .item-readmore a:before {

    color: #bf3afc !important;

}



.elementor-27 .elementor-element.elementor-element-0706713 {

    padding: 0px 0px 50px 0px !important;

}











a {

    color: #f9bd0e;

}



a:hover {

    color: #ffde00;

}



a:active {

    color: #ffde00;

}











.ct-breadcrumb {

    margin: 16px 0 0;

    padding: 0;

    list-style: none;

    color: #fff;

    display: flex;

    flex-wrap: wrap;

    gap: 5px;

    font-size: 14px;

    left: -6rem;

    position: relative;

    top: -2rem;

}



.ct-breadcrumb li {

    display: inline;

}



.ct-breadcrumb li::after {

    content: ">>";

    color: #ff32e4;

    padding: 0 5px;

}



.ct-breadcrumb li:last-child::after {

    content: "";

}



.ct-breadcrumb .breadcrumb-entry {

    color: #fff;

    text-decoration: none;

}



/* .ct-breadcrumb .breadcrumb-entry:hover {

            text-decoration: underline;

            text-transform: capitalize;

        } */



.ct-breadcrumb .breadcrumb-entry:hover {

    color: #fff;

    text-decoration: none;

    text-transform: capitalize;

}



#ct-pagetitle {

    background-color: #0b0b0b;

    padding: 180px 0 80px;

    text-align: center;

    position: relative;

    overflow: hidden;

    z-index: 1;

    text-transform: capitalize;

    box-shadow: 0 -3px 7px rgba(12, 12, 12, .2);

}



#ct-pagetitle .ct-page-title {

    color: #fff;

    font-size: 50px;

    line-height: 1.3;

    margin-bottom: 10px;

    font-weight: 600;

    font-family: 'Roboto', sans-serif;

    text-align: center;

    left: -6rem;

    position: relative;

    top: -2rem;

}



.container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 20px;

    text-align: left;

}



/* ---------- Responsive: 480px and below ---------- */

@media (max-width: 480px) {

    #ct-pagetitle {

        padding: 80px 0 60px;



    }



    #ct-pagetitle .ct-page-title {

        color: #fff;

        font-size: 34px;

        font-family: 'Roboto', sans-serif;

        text-align: left;

        position: relative;

        left: 0rem;

    }



    .ct-breadcrumb {

        margin: 16px 0 0;

        padding: 0;

        list-style: none;

        color: #fff;

        display: flex;

        flex-wrap: wrap;

        gap: 5px;

        font-size: 14px;

        left: 0rem;

        position: relative;

        top: -2rem;

    }



    .ct-breadcrumb li::after {

        content: ">>";

        color: #ff32e4;

        /* padding: 0 -44px; */

        position: relative;

        left: 0rem;

    }







}



/* ---------- Responsive: 360px and below ---------- */

/* Custom styles for screens 360px and below */

@media (max-width: 360px) {

    #ct-pagetitle {

        padding: 60px 0 40px;

        text-align: left;

    }



    #ct-pagetitle .ct-page-title {

        font-size: 28px;

        line-height: 1.2;

    }

}















/* .container {

                                                padding: 60px 0;

                                            } */



#myTabContent {

    margin-top: -30px;

}



.nav-tabs {

    display: flex;

    justify-content: center;

    padding: 0;

    border: none;

    position: relative;

    top: -3rem;

}



.nav-tabs .nav-item {

    margin-right: 20px;

}



.nav-tabs .nav-link {

    padding: 0px 45px;

    /* border: 1px solid #7611f7; */

    border-radius: 30px;

    /* background-color: rgb(0, 0, 0); */

    color: #000000;

    cursor: pointer;

    transition: 0.3s;

    font-weight: 400;

    font-family: 'roboto, sans-serif';

}



.nav-tabs .nav-link.active {

    background-color: #7611f7;

    color: #fff !important;

    border-color: #7611f7;

}



.nav-tabs .nav-link:hover {

    background-color: #7611f7;

    color: #fff !important;

    border-color: #7611f7;

}



.tab-pane {

    display: none;

}



.tab-pane.show.active {

    display: block;

}



.tab-text {

    padding: 20px 40px;

    color: #232323;

    text-align: justify;

}



.tab-img {

    display: flex;

    justify-content: flex-end;

}



.imagess {

    width: 100%;

    max-width: 600px;

    height: auto;

}



.custom-numbered-list li {

    list-style: number;

    margin-bottom: 10px;

}





.p {

    text-align: justify;

    font-size: 1.2rem;

    margin-left: -1rem;

}









/* General styles */

.responsive-container .row {

    display: flex;

    justify-content: center;

    /* gap: ; */

    flex-wrap: wrap;

}



.responsive-container .col-md-2 {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

}



/* Responsive styles for 480px and below */

@media screen and (max-width: 480px) {

    .responsive-container .row {

        justify-content: flex-start;

        padding-left: 1rem;

        gap: 1.5rem;

    }



    .responsive-container .col-md-2 {

        align-items: flex-start;

        text-align: left;

    }



    #designcontents {

        text-align: left;

        padding-left: 1rem;

    }



    #new {

        display: none;

    }



    .container {

        margin-left: 0 !important;

    }

}



/* Further fine-tune for 360px */

@media screen and (max-width: 360px) {

    .responsive-container .row {

        gap: 1rem;

    }



    .responsive-container .col-md-2 img {

        height: 50px;

        width: 50px;

    }



    .responsive-container .col-md-2 a {

        font-size: 14px;

    }

}





/* General styles */

.responsive-container .row {

    display: flex;

    justify-content: center;

    /* gap: ; */

    flex-wrap: wrap;

}



.responsive-container .col-md-2 {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

}



/* Responsive styles for 480px and below */

@media screen and (max-width: 480px) {

    .responsive-container .row {

        justify-content: flex-start;

        padding-left: 1rem;

        gap: 1.5rem;

    }



    .responsive-container .col-md-2 {

        align-items: flex-start;

        text-align: left;

    }



    #designcontents {

        text-align: left;

        padding-left: 1rem;

    }



    #new {

        display: none;

    }



    .container {

        margin-left: 0 !important;

    }

}



/* Further fine-tune for 360px */

@media screen and (max-width: 360px) {

    .responsive-container .row {

        gap: 1rem;

    }



    .responsive-container .col-md-2 img {

        height: 50px;

        width: 50px;

    }



    .responsive-container .col-md-2 a {

        font-size: 14px;

    }

}











/* core section css start */



.core-services {

    background: url('../images/image-content/background-image.png');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    /* max-width: 1200px; */

    margin: 0 auto;

    padding: 50px 200px;

    text-align: center;

}



.section-title {

    font-size: 3rem;

    font-weight: 800;

    letter-spacing: 2px;

    margin-bottom: 12px;

    color: #1e293b;

    position: relative;

    display: inline-block;

    padding-bottom: 10px;

    font-family: 'Roboto', sans-serif !important;

}



.section-title::after {

    content: "";

    width: 60px;

    height: 4px;

    background: linear-gradient(90deg, #4f46e5, #3b82f6);

    border-radius: 2px;

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    box-shadow: 0 0 8px #3b82f6aa;

}



.services-grid {



    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));

    gap: 48px;

    margin-top: 48px;





}







.services-grid .glass-card {

    width: 350px;

    height: 420px;



    /* white with transparency */

    /* background: rgba(255, 255, 255, 0.2);

    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);

    backdrop-filter: blur(1px);

    -webkit-backdrop-filter: blur(1px); */



    background: rgba(255, 255, 255, 0.15);

    backdrop-filter: blur(20px);

    -webkit-backdrop-filter: blur(20px);

    border-radius: 20px;

    border: 1px solid rgba(255, 255, 255, 0.3);

    box-shadow:

        0 8px 32px rgba(0, 0, 0, 0.1),

        inset 0 1px 0 rgba(255, 255, 255, 0.5),

        inset 0 -1px 0 rgba(255, 255, 255, 0.1),

        inset 0 0 20px 10px rgba(255, 255, 255, 1);

    padding: 10px 10px;





    /* backdrop-filter: blur(1px);

    background: rgba(255, 255, 255, 0.29);

    backdrop-filter: blur(10px);

    -webkit-backdrop-filter: blur(10px);

    border-radius: 20px;

    border: 1px solid rgba(255, 255, 255, 0.3);

    box-shadow:

        0 8px 32px rgba(0, 0, 0, 0.1),

        inset 0 1px 0 rgba(255, 255, 255, 0.5),

        inset 0 -1px 0 rgba(255, 255, 255, 0.1),

        inset 0 0 2px 1px rgba(255, 255, 255, 0.1); */

    position: relative;

    overflow: hidden;

}



.services-grid .glass-card p {

    color: #101010;

    font-size: 16.8px;

    line-height: 1.65;

    flex-grow: 1;

    max-width: 100%;

    padding: 0px 20px;

    /* margin: 0 auto 36px; */

    text-align: center;

}



/* .services-grid.glass-card::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 1px;

    background: linear-gradient(90deg,

            transparent,

            rgba(255, 255, 255, 0.8),

            transparent);

} */



/* .services-grid.glass-card::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 1px;

    height: 100%;

    background: linear-gradient(180deg,

            rgba(255, 255, 255, 0.8),

            transparent,

            rgba(255, 255, 255, 0.3));

}



.glass-card::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 1px;

    height: 100%;

    background: linear-gradient(180deg,

            rgba(255, 255, 255, 0.8),

            transparent,

            rgba(255, 255, 255, 0.3));

} */



.service-card h3 {

    font-family: 'roboto', sans-serif;

}



/* Animation delays */

.service-card:nth-child(1) {

    animation-delay: 0.1s;

}



.service-card:nth-child(2) {

    animation-delay: 0.2s;

}



.service-card:nth-child(3) {

    animation-delay: 0.3s;

}



.service-card:nth-child(4) {

    animation-delay: 0.4s;

}



.service-card:nth-child(5) {

    animation-delay: 0.5s;

}



.service-card:nth-child(6) {

    animation-delay: 0.6s;

}



.service-card:nth-child(7) {

    animation-delay: 0.7s;

}



.service-card:nth-child(8) {

    animation-delay: 0.8s;

}



.service-card:nth-child(9) {

    animation-delay: 0.9s;

}



/* .service-card:hover {

    transform: translateY(-16px) scale(1.05);

    box-shadow: 0 30px 60px rgba(59, 130, 246, 0.35);

    z-index: 2;

} */



.icon {

    width: 80px;

    height: 80px;

    margin-bottom: 26px;

    filter: drop-shadow(0 4px 6px rgba(59, 130, 246, 0.2));

    animation: floatIcon 3s ease-in-out infinite;

    transition: filter 0.4s ease, transform 0.4s ease;

}



.service-card:hover .icon {

    filter: drop-shadow(0 6px 12px #3b82f6cc);

    transform: scale(1.2) rotate(5deg);

}



h3 {

    font-weight: 700;

    font-size: 1.45rem;

    margin-bottom: 22px;

    color: #1e293b;

    letter-spacing: 0.5px;

    font-family: 'Roboto', sans-serif;

}



p {

    color: #475569;

    font-size: 16.8px;

    line-height: 1.65;

    flex-grow: 1;

    max-width: 90%;

    margin: 0 auto 36px;

}



.learn-more {

    display: inline-block;

    background: linear-gradient(90deg, #4f46e5, #3b82f6);

    color: white;

    font-weight: 600;

    font-size: 14px;

    padding: 10px 28px;

    border-radius: 30px;

    text-decoration: none;

    box-shadow: 0 6px 12px #3b82f6aa;

    transition: background 0.35s ease, box-shadow 0.35s ease;

}



.learn-more:hover {

    background: linear-gradient(90deg, #4338ca, #2563eb);

    box-shadow: 0 10px 24px #2563ebcc;

}



@keyframes fadeInUp {

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



@keyframes floatIcon {



    0%,

    100% {

        transform: translateY(0);

    }



    50% {

        transform: translateY(-8px);

    }

}



/* Responsive */

@media (max-width: 768px) {

    .services-grid {

        grid-template-columns: 1fr;

        gap: 36px;

    }



    p {

        max-width: 100%;

    }

}









/* core section css ends */







/* new desicontents start */

#designcontents {

    font-family: roboto, sans-serif;

    font-weight: bolder;

    font-size: 28px;

}



#designcontentss {

    font-family: roboto, sans-serif;

    color: #fff;

}



/* new desicontents ends */







/* new one start */





/* Reset & base */







.container-about {

    max-width: 900px;

    margin: 40px auto;

    background: white;

    padding: 30px 40px;

    /* box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); */

    /* border-radius: 8px; */

}



.abouts-h1 {

    color: #0052cc;

    font-size: 2.5rem;

    margin-bottom: 20px;

    text-align: center;

}



.abouts-p {

    font-size: 1.1rem;

    margin-bottom: 20px;

    color: #444;

}



.highlight {

    color: #0052cc;

    font-weight: 600;

}



.ulli {

    margin: 0 0 20px 20px;

    padding: 0;

    list-style-type: disc;

    color: #444;

}



.ulli .ullii {

    margin-bottom: 10px;

    font-size: 1.1rem;

}



/* Quote style for closing statement */

.closing-about {

    font-style: italic;

    font-size: 1.15rem;

    text-align: center;

    margin-top: 30px;

    color: #0066ff;

}



/* Responsive */

@media (max-width: 600px) {

    .container-about {

        padding: 20px;

        margin: 20px;

    }



    .abouts-h1 {

        font-size: 2rem;

    }



    .abouts-p,

    .ulli .ullii {

        font-size: 1rem;

    }

}





/* new one ends */











































/* new abouts one start */







/* Reset */





/* Animated background shapes */

.bg-shape-about-skill {

    position: fixed;

    border-radius: 50%;

    filter: blur(120px);

    opacity: 0.15;

    animation: float 20s ease-in-out infinite alternate;

    z-index: -1;

}



.shape1-about-skill {

    width: 350px;

    height: 350px;

    background: #3a85ff;

    top: -80px;

    left: -100px;

}



.shape2-about-skill {

    width: 280px;

    height: 280px;

    background: #00b894;

    bottom: -100px;

    right: -80px;

    animation-delay: 10s;

}



@keyframes float {

    0% {

        transform: translateY(0);

    }



    100% {

        transform: translateY(30px);

    }

}



/* Container */

.container-about-skill {

    max-width: 100%;

    margin: 26px 1rem 98px -5rem;

    /* background: #fff; */

    border-radius: 14px;

    /* box-shadow: 0 15px 40px rgba(0, 82, 204, 0.15); */

    padding: 50px 60px;

    animation: fadeInUp 1s ease forwards;

    opacity: 0;



}



.container-about-skills {

    text-align: justify;

    /* height: 200px; */

    max-width: 100%;

    margin: -264px 0px 0px 0px;

    /* background: #fff; */

    border-radius: 14px;

    /* box-shadow: 0 15px 40px rgba(0, 82, 204, 0.15); */

    padding: 1px 0px;

    animation: fadeInUp 1s ease forwards;

    opacity: 0;

}



/* Header / Hero */

.hero-image-about-skill {

    width: 100%;

    border-radius: 14px;

    object-fit: cover;

    margin-bottom: 40px;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);

}



.h1-about-skill {

    margin: 0 auto 40px 0rem;

    font-size: 3rem;

    text-align: left;

    font-weight: 900;

    margin-bottom: 12px;

    background: linear-gradient(90deg, #18175b, #df0c54);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    letter-spacing: 1.5px;

}



.divider-about-skill {

    height: 4px;

    width: 90px;

    margin: 0 auto 40px 0rem;

    background: linear-gradient(90deg, #000000, #df0c54);

    /* margin: 0 auto 40px auto; */

    border-radius: 6px;

}



/* Paragraphs */

.p-about-skill {

    font-size: 1.18rem;

    line-height: 1.6;

    margin-bottom: 28px;

    color: #000000;

    text-align: justify;

    max-width: 65rem;

}



.highlight-about-skill {

    color: #060606;

    font-weight: 700;

}



/* Bullet List with Icons */







/* Team photos section */

.team-section-about-skill {

    margin: 60px 0;

    text-align: center;

}



.team-section-about-skill h2 {

    font-size: 2rem;

    margin-bottom: 30px;

    color: #000;

}



.team-photos-about-skill {

    display: flex;

    justify-content: center;

    gap: 25px;

    flex-wrap: wrap;

}



.team-photos-about-skill img {

    width: 120px;

    height: 120px;

    border-radius: 50%;

    object-fit: cover;

    box-shadow: 0 8px 20px rgba(0, 82, 204, 0.2);

    transition: transform 0.3s ease;

    cursor: pointer;

}



.team-photos-about-skill img:hover {

    transform: scale(1.15);

    box-shadow: 0 15px 35px rgba(0, 182, 148, 0.4);

}



/* Closing */

.closing-about-skill {

    font-style: italic;

    font-size: 1.4rem;

    font-weight: 600;

    text-align: center;

    color: #7c7c7c;

    margin-top: 40px;

}



/* CTA Button */

.btn-cta-about-skill {

    display: inline-block;

    background: #000;

    color: white;

    font-weight: 700;

    text-decoration: none;

    padding: 16px 40px;

    font-size: 1.2rem;

    border-radius: 50px;

    box-shadow: 0 10px 30px rgba(0, 184, 148, 0.4);

    transition: background-color 0.3s ease, transform 0.3s ease;

    margin: 40px auto 0 auto;

    display: block;

    width: fit-content;

}



.btn-cta-about-skill:hover {

    background: #008f6b;

    transform: scale(1.05);

}



/* Animation */

@keyframes fadeInUp {

    from {

        opacity: 0;

        transform: translateY(40px);

    }



    to {

        opacity: 1;

        transform: translateY(0);

    }

}



/* Responsive */

@media (max-width: 700px) {

    .container-about-skill {

        padding: 35px 25px;

        margin: 30px 15px 60px;

    }



    .h1-about-skill {

        font-size: 2.2rem;

    }



    .p-about-skill,

    .ul-about-skill .ulli-about-skill {

        font-size: 1rem;

    }



    .team-photos-about-skill img {

        width: 90px;

        height: 90px;

    }

}





/* new abouts one ends */





.container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 20px;

    text-align: left;

}



#tests {

    left: 0 !important;

}







/* contact us start */





/* contact us */











































































/* contact us start */



















.container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 20px;

    text-align: left;

}



#tests {

    left: 0 !important;

}



/* ---------- Responsive: 480px and below ---------- */

@media (max-width: 480px) {

    #ct-pagetitle {

        padding: 80px 0 60px;



    }



    #ct-pagetitle .ct-page-title {

        color: #fff;

        font-size: 34px;

        font-family: 'Roboto', sans-serif;

        text-align: left;

        position: relative;

        left: 0rem;

    }



    .ct-breadcrumb {

        margin: 16px 0 0;

        padding: 0;

        list-style: none;

        color: #fff;

        display: flex;

        flex-wrap: wrap;

        gap: 5px;

        font-size: 14px;

        left: 0rem;

        position: relative;

        top: -2rem;

    }



    .ct-breadcrumb li::after {

        content: ">>";

        color: #ff32e4;

        /* padding: 0 -44px; */

        position: relative;

        left: 0rem;

    }







}



/* ---------- Responsive: 360px and below ---------- */

/* Custom styles for screens 360px and below */

@media (max-width: 360px) {

    #ct-pagetitle {

        padding: 60px 0 40px;

        text-align: left;

    }



    #ct-pagetitle .ct-page-title {

        font-size: 28px;

        line-height: 1.2;

    }

}















































/* contact us ends */